<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title>硅谷少儿英语-我的拼班</title>
<meta name="description" content="" />
<meta name="Keywords" content="" />
<link rel="shortcut icon" href="https://www.svenglish.cn/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/myOrder.css">
</head>
<body class="myOrder">


<div class="myOrder_page" id="myOrderPage">

  <!-- <div class="myorder_search">
    <input class="input" type="text" placeholder="请输入拼团联系电话">
    <span class="btn" @click="orderSearch">查询</span>
  </div> -->

  <div class="page_box" v-for="item in orderList">
    <div @click='goDetail(item.groupOrderId)'>
      <div class="page_tit"><text>【试听课】</text>{{item.courseName}}</div>
      <div class='order_info' v-if="item.status=='GROUP_INIT'">当前状态：待成团</div>
      <div class='order_info' v-else-if="item.status=='GROUP_PROGRESS'">当前状态：拼团中</div>
      <div class='order_info' v-else-if="item.status=='GROUP_SUCCESS'">当前状态：拼团成功</div>
      <div class='order_info' v-else="item.status=='GROUP_FAIL'">当前状态：拼团失败</div>



      <div class='order_info'>发起时间：{{item.startTime}}</div>
      <div class='order_info'>截止时间：{{item.endTime}}</div>
      <div class='order_info'>拼班名额：{{item.groupMaxNumber}}人</div>
      <div class='order_info'>已拼人数：{{item.joinNumber}}人</div>
    </div>
    <!-- <div class='order_btn_box'>
      <span class='btn' @click="shareFriend">分享给朋友</span>
      <button class='btn'>再次组团</button>
    </div> -->
  </div>
  
  <!-- <div class="no_order" v-if="noOrder">暂无拼班信息</div> -->
  <!-- <div class="no_order" v-if="noOrder">您还没有发起或参与任何课程</div> -->
  <div class="noneOrder" v-if="noOrder">
    <p class="noneOrder-tip">您还没有发起或参与任何课程</p>
    <div class="noneOrder-btn">
      <a href="order.html" class="btn">立即发起拼班</a>
      <a href="nearby.html" class="btn btn_line">参与附近拼班</a>
    </div>
    
  </div>


  <div class="share_tip" @click="showShareTip=false" v-show="showShareTip">
    <img src="images/share_tip.png" alt="">
  </div>

</div>

<footer class="appFoot">
  <a href="index.html"><span class="appFoot-itemText">免费试听</span></a>
  <a href="course-1.html"><span class="appFoot-itemText">了解课程</span></a>
  <a href="myOrder.html" class="current"><span class="appFoot-itemText">我的...</span></a>
  <a href="about.html"><span class="appFoot-itemText">关于我们</span></a>
</footer>


<script src="js/zepto.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/common.js"></script>
<script src="js/myOrder.js"></script>

<a class="btn_bm btn_qimoChat" onclick="qimoChatClick()">在线<br>咨询</a>
<script type='text/javascript' src='https://webchat.7moor.com/javascripts/7moorInit.js?accessId=5fc40f90-4c50-11e9-8cff-09c8f8fdbcba&autoShow=false&language=ZHCN' async='async'></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133564697-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-133564697-1');
</script>
</body>
</html>
